<template>
    <div class="product-unfind">
        <div class="page-icon">
            <wp-icon
                name="a-couldntfind"
                size="100" />
        </div>

        <div class="desc">
            {{ emptyText }}
        </div>
    </div>
</template>

<script>
import WpIcon from '@/components/_wp_components/WpIcon.vue';
export default {
    components: { WpIcon },
    props: {
        emptyText: String
    }
};
</script>

<style lang="scss">
    .product-unfind{
        height: calc( 100vh - 44px );
        text-align: center;
        padding-top: 120px;
        box-sizing: border-box;
        background: #F0F0F0;

        .desc {
            margin-top: 10px;
            font-size: 15px;
        }
    }
</style>
